<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/axios.min.js"></script>
    <script src="/js/query.js"></script>
    <script src="/product/js/main.js"></script>
    <style>
        .dialogDiv{
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0px;
            top: 0px;
            display: flex;
            justify-content: center;
            align-items: center;
            visibility: hidden;
        }
        .landDiv{
            width: 500px;
            height: 500px;
            border: 1px solid black;
            background-color: white;
        }
        .landDiv1{

            width: 500px;
            height: 450px;
            border-top:1px solid black;
            border-bottom:1px solid black;
            align-items: center;
            background-color: cornflowerblue;

        }
    </style>
</head>
<body>
<table border="1 " cellspacing="0" width="80%">
    <thead>
    <tr><th>商品名</th><th>生产日期</th><th>单价</th><th>操作</th></tr>
    </thead>
    <tbody id="data"></tbody>
</table>
    <div id="cutDiv"></div>
    <div>
        商品名：<input type="text" id="nameTxt"><br>
        生产起始日期：<input type="text" id="startTxt"><br>
        生产结束日期：<input type="text" id="endTxt"><br>
        <input type="button" value="搜索" onclick="findByItem(1)">
    </div>
<input type="button" value="添加" onclick="showAdd()">

<div id="addDiv" class="dialogDiv">
    <div class="landDiv">
        <h3 style="margin: 0px;text-align: center">添加产品</h3>
        <div class="landDiv1">
            产品名称：<input type="text" id="addName"><br>
            生产日期：<input type="text" id="addDate"><br>
            单价：<input type="text" id="addPrice"><br>
            <input type="button" value="添加" onclick="add()">
        </div>
    </div>
</div>
</body>
</html>